<?php include("header.php"); ?>
<div class="page-content page-invoice">

    <!-- Heading -->
    <div class="single-head">
        <!-- Heading -->
        <h3 class="pull-left"><i class="fa fa-desktop lblue"></i> Invoice</h3>
        <!-- Bread crumbs -->
        <div class="breads pull-right">
            <strong>Nav</strong> : <a href="#">Home</a> / <a href="#">Sign</a> / Home
        </div>
        <div class="clearfix"></div>
    </div>

    <!-- Address -->
    <div class="row">

        <div class="col-md-4 col-sm-4">
            <h5>Cliente</h5>
            <div class="input-group input-group-sm">                
                <input type="text" placeholder="Razon Social" class="form-control">
                <span class="input-group-btn"><button type="button" class="btn btn-info"><i class="fa fa-search"></i></button></span>
            </div>
            <div class="input-group input-group-sm">                
                <input type="text" placeholder="RUC" class="form-control">
            </div>
            <div class="input-group input-group-sm">                
                <input type="text" placeholder="Direccion" class="form-control">                
            </div>

        </div>

        <div class="col-md-4 col-sm-4">
            <h5>MacMedia</h5>
            <div class="widget-body no-padd scroll" style="overflow: hidden; width: auto;">
                <div class="input-append input-group dtpicker" id="datetimepicker1">
                    <input type="text" class="form-control" data-format="yyyy-MM-dd">
                    <span class="input-group-addon add-on">
                        <i data-date-icon="fa fa-calendar" data-time-icon="fa fa-times" class="fa fa-calendar"></i>
                    </span>
                </div>


            </div>  
            
        </div>

        <div class="col-md-4 col-sm-4">
            <h5>Invoice</h5>
            <p>
                Invoice No : 52322<br>
                Date : 12/34/2012<br>
                Account No : 4290293203
            </p>
        </div>

    </div>

    <!-- Data -->
    <div class="row">

        <div class="col-md-12">
            <hr />
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Quantity</th>
                            <th>Unit Price</th>
                            <th>Tax</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>Sony Xperia Pro X1242</td>
                            <td>5</td>
                            <td>$534</td>
                            <td>12.5%</td>
                            <td>$2424</td>
                        </tr>     
                        <tr>
                            <td>2</td>
                            <td>Samsung Galaxy Pro</td>
                            <td>2</td>
                            <td>$244</td>
                            <td>12.5%</td>
                            <td>$5342</td>
                        </tr>  
                        <tr>
                            <td>3</td>
                            <td>Apple iPhone 5G - Black</td>
                            <td>7</td>
                            <td>$434</td>
                            <td>12.5%</td>
                            <td>$34524</td>
                        </tr>  
                        <tr>
                            <td>4</td>
                            <td>Nokia Lumina Tipo - Windows Mobile</td>
                            <td>4</td>
                            <td>$754</td>
                            <td>12.5%</td>
                            <td>$8866</td>
                        </tr>  
                        <tr>
                            <td>5</td>
                            <td>Motorola Defy 29323</td>
                            <td>5</td>
                            <td>$644</td>
                            <td>12.5%</td>
                            <td>$88865</td>
                        </tr>  
                        <tr>
                            <td>6</td>
                            <td>Micromax Funbook - Android Tablet</td>
                            <td>9</td>
                            <td>$434</td>
                            <td>12.5%</td>
                            <td>$53535</td>
                        </tr>                                                                                                                                                                
                        <tr>  
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><strong>Total</strong></td>
                            <td><strong>$2405</strong></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>

    <hr />
    <div class="pull-right">
        <button type="submit" class="btn btn-info btn-sm">Send Invoice</button>
        <button type="submit" class="btn btn-default btn-sm">Reset</button>
    </div>
    <div class="clearfix"></div>

</div>

<?php include("footer.php"); ?>
